<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>SVPN:Login</title>
<link href="<%=request.getContextPath()%>/theme/Login.css"
	rel="stylesheet" type="text/css" />
<jsp:include page="../common/SVPN_Lib.jsp"></jsp:include>
<jsp:include page="../common/SVPN_Custom.jsp"></jsp:include>
<script src="<%=request.getContextPath()%>/script/login/Login.js"
	type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/script/usuario/Usuario.js"
	type="text/javascript"></script>
<jsp:include page="../common/SVPN_ScriptParametros.jsp"></jsp:include>
</head>
<body>
	<div class="cabeceraLogin">
		<span> Vision, Oportunidad , Exito!</span>
	</div>
	<div class="cuerpo">
		<div class="contenedor" id="divLogin">
			<div class="descripcionLogin">
				<div class="iconos">
					<img alt="" src="<%=request.getContextPath()%>/theme/img/user.png">
					<img alt="" src="<%=request.getContextPath()%>/theme/img/idea.png">
					<img alt=""
						src="<%=request.getContextPath()%>/theme/img/presentation.png">
				</div>
				<div class="iconos">
					<img alt=""
						src="<%=request.getContextPath()%>/theme/img/student.png"> <img
						alt="" src="<%=request.getContextPath()%>/theme/img/like.png">
					<img alt=""
						src="<%=request.getContextPath()%>/theme/img/verify.png">
				</div>
				<div class="iconos">
					<img alt="" src="<%=request.getContextPath()%>/theme/img/mark.png">
					<img alt="" src="<%=request.getContextPath()%>/theme/img/trade.png">
					<img alt=""
						src="<%=request.getContextPath()%>/theme/img/implement.png">
				</div>
			</div>
			<div class="formularioLogin">
				<h2>Iniciar Sesion</h2>
				<form:form id="frmLogin" method="POST" commandName="usuario"
					action="login.html">
					<table>
						<tr>
							<td>Usuario:</td>
							<td><form:input path="correoElectronico"
									cssClass="validable" validation="required true"
									errorMessage="Ingrese su usuario" /></td>
						</tr>
						<tr>
							<td>Clave:</td>
							<td><form:password path="contrasena" cssClass="validable"
									validation="required true" errorMessage="Ingrese su clave" /></td>
						</tr>
					</table>
				</form:form>
				<br>
				<div class="opciones">
					<input id="btnEntrar" type="button" value="Entrar" /><br /> <br />
					<a href="#" id="lnkRegistro">Unete al exito ¡Registrate!</a>
				</div>
			</div>
		</div>
		<div id="divRegistro" style="display: none;" title="Registrate!!">
			<div class="formularioRegistro">
				<form id="frmRegistro" action="">
					<input type="hidden" name="idUsuario">
					<table>
						<tr>
							<td style="vertical-align: top;">
								<div class="etiquetaBoton">
									<input type="radio" value="E" name="tipoUsuario"
										checked="checked" id="rdbEmprendedor" />Emprendedor
								</div>
								<div class="etiquetaBoton">
									<input type="radio" value="S" name="tipoUsuario" id="rdbSabio" /> Sabio
								</div>
							</td>
							<td>
								<table>
									<tr>
										<td>Nombres</td>
										<td><input type="text" name="nombres" maxlength="45"
											class="validable" validation="required true"
											errorMessage="Complete su nombre" /></td>
									</tr>

									<tr>
										<td>Apellido Paterno</td>
										<td><input type="text" name="apePaterno" maxlength="45"
											class="validable" validation="required true"
											errorMessage="Complete su apellido paterno" /></td>
									</tr>

									<tr>
										<td>Apellido Materno</td>
										<td><input type="text" name="apeMaterno" maxlength="45" /></td>
									</tr>

									<tr>
										<td>Genero</td>
										<td><input type="radio" value="M" name="sexo"
											checked="checked" />Masculino <input type="radio"
											name="sexo" value="F" />Femenino</td>
									</tr>

									<tr>
										<td>Tipo de Documento</td>
										<td><select name="idTipoDocumento" class="validable"
											validation="required true"
											errorMessage="Indique su tipo de documento">
												<option value="1">DNI</option>
												<option value="2">PASAPORTE</option>
										</select></td>
									</tr>

									<tr>
										<td>Número</td>
										<td><input type="text" name="numDocumento" maxlength="25"
											class="validable" validation="required true"
											errorMessage="Complete su número de documento" /></td>
									</tr>
								</table>
							</td>
							<td>
								<table>
									<tr>
										<td>Celular</td>
										<td><input type="text" name="celular" maxlength="20" /></td>
									</tr>
									<tr>
										<td>Dirección</td>
										<td><input type="text" name="direccion" maxlength="45" /></td>
									</tr>
									<tr>
										<td>Fecha de nacimiento</td>
										<td><input type="text" name="fechaNacimiento"
											readonly="readonly" maxlength="10" /></td>
									</tr>
									<tr>
										<td>Correo Electrónico</td>
										<td><input type="text" name="correoElectronico"
											maxlength="45" class="validable" validation="required true"
											errorMessage="Complete su correo electronico" /></td>
									</tr>
									<tr>
										<td>Contraseña</td>
										<td><input type="password" name="contrasena"
											id="txtPassword" maxlength="15" class="validable"
											validation="required true"
											errorMessage="Complete su contraseña" /></td>
									</tr>
									<tr>
										<td>Confirmar Contraseña</td>
										<td><input type="password" maxlength="15"
											id="txtConfirmaPassword" class="validable" /></td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td colspan="3">

								<table id="tblDetalleSabio" class="anchoFull"
									style="display: none;">
									<tr>
										<td>Apelativo</td>
										<td><input type="text" name="apelativo" maxlength="45"
											style="width: 80px;" /></td>
										<td>Cuenta Bancaria</td>
										<td><input type="text" name="cuentaBancaria"
											maxlength="45" style="width: 160px;" /></td>
										<td>Sitio Web</td>
										<td><input type="text" name="sitioWeb" maxlength="45" /></td>
									</tr>
									<tr>
										<td>Resumen</td>
										<td colspan="5"><textarea rows="3" style="width: 97%;"
												name="resumenAutobiografico"></textarea></td>
									</tr>
								</table>

							</td>
						</tr>
					</table>
				</form>
			</div>
			<div style="margin-top: 20px;">
				<input id="btnGrabar" type="button" value="Enviar"
					class="flotarDerecha" />
			</div>
		</div>
	</div>
	<div class="pieLogin">
		<span> SVPN.Com ® 2012 - © Todos los derechos reservados </span>
	</div>
	<script type="text/javascript">
		var indexLogin = new JTigers.SVPN.Vista.Login.Index();
		indexLogin.inicializar();
		var indexUsuario = new JTigers.SVPN.Vista.Usuario.Index();
		indexUsuario.inicializar();
	</script>
</body>
</html>